* { margin: 0; padding: 0; }

html { font-family: "Palatino Linotype", Palatino, serif; background: #ccc; }

#body { position: absolute; left: 50%; margin-left: -480px; width: 960px; background: #eee; padding: 10px; }

.panel { border: 1px solid #999; background: #fff; padding: 10px; margin-bottom: 10px; }

#sidebar { float: left; width: 160px; margin-right: 10px; }
#content { float: left; width: 746px; }
#footer { clear: both; margin-bottom: 0; }

#navigation { height: 20px; }
#navigation ul { list-style-type: none; }
#navigation li { float: left; margin-right: 10px; }

p { margin-bottom: 10px; }
a { color: #00f; }

form div { border-bottom: 1px dotted #ccc; padding-bottom: 3px; margin-bottom: 3px; }
input.text { border: 1px solid #ccc; padding: 1px; width: 300px; }
textarea { border: 1px solid #ccc; width: 540px; height: 200px; padding: 3px; font-family: "Palatino Linotype", Palatino, serif; }
select { width: 200px; }
label { display: block; width: 200px; float: left; }

table { border-collapse: collapse; border-spacing: 0; width: 100%; margin-bottom: 10px; }
td, th { border: 1px solid #ccc; padding: 3px; }
th { text-align: left; background: #ccc; border-color: #999; }

div.options { height: auto; }
div.noborder { border: 0; }
div.options li, div.hasmany li { margin-left: 200px; }

var { display: none; }

#sidebar ul { margin-left: 20px; }

span.expand { display: block; border: 1px solid #999; background: #eee; font-weight: bold; padding: 0 5px; float: right; cursor: pointer; width: 10px; text-align: center; }

td.expandable { font-weight: bold; }
td.expandable div { border: 0; padding: 0; margin: 0; padding-top: 6px; }

th.wide { width: 720px; }

table.sub td, table.sub th { border: none; background: none; border-top: 1px dotted #ccc; vertical-align: top; }


/*
dt { width: 150px; float: left; clear: both; border-top: 1px solid #ccc; }
dd { float: left; font-weight: normal; border-top: 1px solid #ccc; }
*/